@mixin dialog-style($width: 60%, $height: 80%) {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute !important;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: $height !important;
    width: $width !important;
    .el-dialog__body {
        flex: 1;
    }
  }
  .p-5060-dialog {
    @include dialog-style(50%, 60%);
  }
  .p-5070-dialog {
    @include dialog-style(50%, 70%);
  }
  .p-6060-dialog {
    @include dialog-style(60%, 60%);
  }
  .p-6070-dialog {
    @include dialog-style(60%, 70%);
  }
  .p-6075-dialog {
    @include dialog-style(60%, 75%);
  }
  .p-6082-dialog {
    @include dialog-style(60%, 82%);
  }
  .p-6090-dialog {
    @include dialog-style(60%, 90%);
  }
  .p-8090-dialog {
    @include dialog-style(80%, 90%);
  }